<script>
	export default {
		name: 'index',
		onLaunch: function () {
			console.log('App Launch')
			uni.hideTabBar();
			// uni.getSystemInfo({
			// 	success: (res) => {
			// 		// 获取导航条高度
			// 		let navH = res.statusBarHeight + 46;
			// 		this.$store.commit('setNavH', navH);
			// 	}
			// });
			// uni.setStorageSync('uinfo', {id: '0'});
		},
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	page {background-color: #f4f4f4;}
	view, text, image, input, textarea, scroll-view {box-sizing: border-box;}
	view, text {font-size: 28upx; color: #333333; vertical-align: middle;}
	image {width: 100%; height: 0; vertical-align: middle;}
	
	#page {margin-top: 66px; margin-bottom: 48px; text-align: center;}
	.hide {display: none;}
	.clearfloat::after {content: ''; display: table; clear: both;}
	.flex {display: flex;}
	.clamp {display: -webkit-box!important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical;}
	.clamp-1 {-webkit-line-clamp: 1;}
	.clamp-2 {-webkit-line-clamp: 2;}
	
	.no-img {background-color: $uni-bg-color-colours;}
	/* 栅格 */
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
	[class*="col-"] {
		display: inline-block;
	}
	
	/** 评论区 **/
	.comment {padding: 10upx 20upx; background-color: #fff;}
	.comment .cmt-count {display: block; width: 100%; padding: 10upx 0; border-bottom: 1px solid #eee; color:#666; font-size: 32upx; text-align: left;}
	.comment .drop-cmt {width: 75%; margin: 20upx auto; text-align: center; line-height: 68upx; border-radius: 68upx; background-color: #eee;}
	.comment .drop-cmt image {width: 30upx; height: 30upx; margin-right: 20upx;}
	.comment .drop-cmt text {font-size: 26upx; color: #888;}
	.cmt {margin: 40upx 0; text-align: left;}
	.cmt .head .i image {border-radius: 100%;}
	.cmt .head .i .io {display: inline-block; vertical-align: middle; padding-left: 16upx;}
	.cmt .head .i .io text {display: block; color: #999;}
	.cmt .head .z {text-align: right; vertical-align: middle; overflow: unset;}
	.cmt .head .z text {font-size: 26upx; color: #999;}
	.cmt .head .z image {width: 38upx; height: 32upx; margin-right: 10upx;}
	.cmt .body {padding-left: 100upx;}
	.cmt .body .reply {margin-top: 20upx; padding: 24upx; border-radius: 4px; font-size: 28upx; color: #999; background-color: #f4f4f4;}
	.comment .foot {padding: 30upx 0; border-top: 2upx solid #eee; text-align: center;}
	
	/* 问答 */
	.question {margin-top: 20upx;}
	.question .question-tab {height: 80upx; background: url(./static/8.png) no-repeat top; background-size: 100%; line-height: 80upx; font-weight: bold; color: #fff;}
	.question .question-i {padding: 20upx; border-bottom: 1px solid #eee; vertical-align: middle; background-color: #fff;}
	.question .question-i .lt {vertical-align: middle;}
	.question .question-i .lt image {width: 85upx; height: 85upx; border-radius: 100%;}
	.question .question-i .lt text {line-height: 1.5;}
	.question .question-i .rt {padding-left: 20upx; text-align: left; vertical-align: middle;}
	.question .question-i .rt .up {display: block; margin-bottom: 16upx; color: #555;}
	.question .question-i .rt .icon {display: inline-block; margin-right: 10upx; padding: 6upx; line-height: 1; font-size: 26upx; font-weight: bold; color: #fff; background-color: #82D7D0;}
	.question .question-i .rt .down {font-size: 26upx; color: #888;}
	/* no_more */
	.nomore {padding: 30upx 0;}
	.nomore image {width: 25%;}
	.nomore text {display: block; margin-top: 16upx; color: #bebebe;}
	/** 机构名称 **/
	/* .store {display: inline-block; width: 100%; padding: 40upx 20upx 20upx; vertical-align: middle;}
	.store view {display: inline-block;}
	.store .lt {position: relative; text-align: left;}
	.store .lt .icon {width: 86upx; height: 86upx; border-radius: 100%; margin-right: 16upx;}
	.store .lt .vip {position: absolute; bottom: 0; left: 12%; width: 28upx; height: 28upx;}
	.store .rt {text-align: right; vertical-align: middle;}
	.store .rt .btn {display: inline-block; height: 54upx; padding: 0 25upx; border-radius: 54upx; line-height: 52upx; background-color: #82d7d0; color: #fff;}
	.detail-cont {margin-top: 80upx; padding: 0 20upx; border-bottom: 0; text-align: left;}
	 */
	.alert {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.5); z-index: 999;}
</style>
